<template>
    <div class="service-area bg-color area-padding-2">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="section-headline text-center">
                        <h3>Professional services</h3>
                        <p>
                            We help agencies to define their new business
                            objectives and then create the road map
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="all-services">
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div
                            class="single-service wow fadeInUp"
                            data-wow-delay="0.3s"
                        >
                            <div class="service-icon">
                                <span class="flaticon-052-project-plan"></span>
                            </div>
                            <div class="service-inner">
                                <div class="service-content">
                                    <h4>Product Design</h4>
                                    <p>
                                        Aspernatur sit adipisci quaerat unde at
                                        neque Redug Lagre dolor sit amet
                                        consectetu. independent agency, free
                                        from the internal demands.
                                    </p>
                                    <a class="service-btn" href="#"
                                        ><i class="ti-arrow-right"></i
                                    ></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div
                            class="single-service wow fadeInUp"
                            data-wow-delay="0.5s"
                        >
                            <div class="service-icon">
                                <span class="flaticon-031-financial"></span>
                            </div>
                            <div class="service-inner">
                                <div class="service-content">
                                    <h4>IT management</h4>
                                    <p>
                                        Aspernatur sit adipisci quaerat unde at
                                        neque Redug Lagre dolor sit amet
                                        consectetu. independent agency, free
                                        from the internal demands.
                                    </p>
                                    <a class="service-btn" href="#"
                                        ><i class="ti-arrow-right"></i
                                    ></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div
                            class="single-service wow fadeInUp"
                            data-wow-delay="0.7s"
                        >
                            <div class="service-icon">
                                <span class="flaticon-057-statistics"></span>
                            </div>
                            <div class="service-inner">
                                <div class="service-content">
                                    <h4>Data security</h4>
                                    <p>
                                        Aspernatur sit adipisci quaerat unde at
                                        neque Redug Lagre dolor sit amet
                                        consectetu. independent agency, free
                                        from the internal demands.
                                    </p>
                                    <a class="service-btn" href="#"
                                        ><i class="ti-arrow-right"></i
                                    ></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div
                            class="single-service wow fadeInUp"
                            data-wow-delay="0.3s"
                        >
                            <div class="service-icon">
                                <span class="flaticon-012-business"></span>
                            </div>
                            <div class="service-inner">
                                <div class="service-content">
                                    <h4>IT consultancy</h4>
                                    <p>
                                        Aspernatur sit adipisci quaerat unde at
                                        neque Redug Lagre dolor sit amet
                                        consectetu. independent agency, free
                                        from the internal demands.
                                    </p>
                                    <a class="service-btn" href="#"
                                        ><i class="ti-arrow-right"></i
                                    ></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div
                            class="single-service wow fadeInUp"
                            data-wow-delay="0.5s"
                        >
                            <div class="service-icon">
                                <span class="flaticon-041-network"></span>
                            </div>
                            <div class="service-inner">
                                <div class="service-content">
                                    <h4>Cloud services</h4>
                                    <p>
                                        Aspernatur sit adipisci quaerat unde at
                                        neque Redug Lagre dolor sit amet
                                        consectetu. independent agency, free
                                        from the internal demands.
                                    </p>
                                    <a class="service-btn" href="#"
                                        ><i class="ti-arrow-right"></i
                                    ></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div
                            class="single-service wow fadeInUp"
                            data-wow-delay="0.7s"
                        >
                            <div class="service-icon">
                                <span class="flaticon-002-analysis"></span>
                            </div>
                            <div class="service-inner">
                                <div class="service-content">
                                    <h4>IT support helpdesk</h4>
                                    <p>
                                        Aspernatur sit adipisci quaerat unde at
                                        neque Redug Lagre dolor sit amet
                                        consectetu. independent agency, free
                                        from the internal demands.
                                    </p>
                                    <a class="service-btn" href="#"
                                        ><i class="ti-arrow-right"></i
                                    ></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "Service",
};
</script>

<style scoped>
</style>
